﻿@import url(global.css);
/*mainBody_01*/
.mainBody_01{width:100%; min-width: 1200px; position:relative; background: #000;}
.mainBody_01 .bd{margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.mainBody_01 .bd ul{width:100% !important;height:650px;}
.mainBody_01 .bd li{width:100% !important;height:100%; overflow:hidden; text-align:center;}
.mainBody_01 .bd li a{display:block; height:100%;}
.mainBody_01 .hd{width:100%;  position:absolute;  bottom:30px; left:0; height:20px; line-height:30px;}
.mainBody_01 .hd ul{ text-align:center;}
.mainBody_01 .hd ul li {cursor:pointer; display:inline-block; *display:inline; zoom:1; width:50px; height:8px; border-radius: 2px; margin:0 5px; overflow:hidden; background:#000;filter:alpha(opacity=50);opacity:0.5; line-height:999px;}
.mainBody_01 .hd ul .on{background:#2fbcc5;}
.mainBody_01 .prev,.mainBody_01 .next{ display:block; position:absolute; z-index:2; top:50%; margin-top:-30px; left:15%; width:28px; height:63px;background:url(../images/prev.png) no-repeat; cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.mainBody_01 .next{left:auto; right:15%; background:url(../images/next.png) no-repeat;}  
.mainBody_01 .gg{position:absolute; z-index:2; top:0;left:50%; width:325px; height:650px; margin-left:275px;}  
.mainBody_01 .gg img{ width:100%;}  
/* ---------------mainBody_02-------------------------------  */
.mainbody_02{width:100%; min-width: 1200px;overflow: hidden; padding-bottom:80px;}
.mainbody_02 .list{width:1200px;margin: 0 auto;  padding:60px 0;}
.mainbody_02 .video{width:900px; float: left;}
.mainbody_02 .video .a1{width:100%;  height: 503px; margin-bottom:20px; display: block;overflow: hidden;}
.mainbody_02 .video img{width:100%;transition: all 0.5s;cursor:pointer;}
.mainbody_02 .video:hover img{transform: scale(1.1);}
.mainbody_02 .video h2{width:100%; line-height: 40px; text-align: center; font-size: 24px; padding-bottom:25px;}
.mainbody_02 .video .a2{width:180px; height:50px; line-height: 50px; display: block; text-align: center; border:4px solid #ddd; margin: 0 auto; font-size:18px;}
.mainbody_02 .video .a2:hover{display: block;border:4px solid #2fbcc5; color: #2fbcc5;}
.mainbody_02 .right{width:270px; float: right;}
.mainbody_02 .right .ul1{width:100%;}
.mainbody_02 .right .ul1 li{height: 50px; border:1px solid #ccc; margin-bottom: 10px; line-height: 20px; padding:5px;transition: all 0.6s ease 0s;}
.mainbody_02 .right .ul1 li:hover{border:1px solid #2fbcc5;}
.mainbody_02 .right .ul1 li:hover a{color: #2fbcc5;}
.mainbody_02 .right .ul1 li a{ width: 100%; height: 100%; display: block;}
.mainbody_02 .right .ul1 li img{ width: 46px; height: 46px; float: left; padding:2px 10px;}
.mainbody_02 .right .ul1 li h3{ width: 150px; height: 20px; float: left; padding-top: 5px;}
.mainbody_02 .right .ul1 li p{ width: 150px; height: 20px; float: left;}
.mainbody_02 .right .ul2{border:1px solid #ccc; padding: 10px; overflow: hidden;}
.mainbody_02 .right .ul2 ul{overflow: hidden;}
.mainbody_02 .right .ul2 h2{width: 100%; text-align: center; padding: 5px 0 15px 0; font-size: 18px;}
.mainbody_02 .right .ul2 li{width: 113px; height: 30px; line-height: 30px; float: left; border: 1px solid #ccc; margin: 0 0 5px 5px;}
.mainbody_02 .right .ul2 li img{ width: 30px; height: 30px; float: left; padding:0 5px 0 5px;}
.mainbody_02 .right .ul2 li h3{ height: 30px; float: left; font-weight: normal;}
.mainbody_02 .right .ul2 h4{width: 150px; height: 70px; font-weight: normal;background:url(../images/an09.png) no-repeat 10px center; padding:5px 0 0 80px; font-size: 16px;}
.mainbody_02 .right .ul2 h4 span{color: #2fbcc5; font-size:18px;}

.mainbody_02 .videos{ width: 100%; min-width: 1200px; height: 100%;background:url(../images/hei.png) repeat; display:none; position: fixed; z-index:5; left:0%; top:0;}
.mainbody_02 .videos .main{ width:800px; height:520px; border:8px solid #eee; margin:200px auto 0 auto; background:#fff; border-radius:5px; position: relative;}
.mainbody_02 .videos .close{ width: 25px; height: 25px; background: #eee; padding: 10px; display:block; position:absolute; cursor:pointer; left:50%; margin-left: 401px; top:200px;}

/* ---------------mainbody_03-------------------------------  */
.mainbody_03{width:100%;min-width:1200px;padding:100px 0; background:#f6f6f6;}
.titles{ width: 100%; text-align: center; padding: 0 0 50px 0;}
.titles h2{ font-size: 36px; padding-bottom: 10px;}
.titles h2 span{ color: #2fbcc5;}
.titles p{ font-size: 18px; color: #666;}
.mainbody_03 .list{width:1200px;margin:0 auto;overflow:hidden;}
.mainbody_03 .list ul li{float:left;margin-right:13px;}
.mainbody_03 .list ul .nobor01{margin:0;}
.mainbody_03 .list ul li a{background:#fff url(../images/h2.png) no-repeat right bottom;width:290px;height:450px;display:block;text-align:center;padding:46px 0 0;-webkit-transition:background 0.8s;-moz-transition:background 0.8s;-ms-transition:background 0.8s;-o-transition:background 0.8s;transition:background 0.8s;}
.mainbody_03 .list ul li a:hover{background:#d8fdff url(../images/h3.png) no-repeat right bottom;}
.mainbody_03 .list ul li a img{display:block;width:118px;height:118px; border: 3px solid #2fbcc5; border-radius: 100%; margin:0 auto;-moz-transition:width 1s,height 1s,-webkit-transform 1s;-webkit-transition:width 1s,height 1s,-webkit-transform 1s;transition:width 1s,height 1s,transform 1s;}
.mainbody_03 .list ul li a:hover img{-webkit-transform:rotate(360deg);transform:rotate(deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.mainbody_03 .list ul li a b{display:block;height:66px;line-height:66px;font-size:20px;color:#222;}
.mainbody_03 .list ul li a i{width:28px;height:3px;background:#2fbcc5;margin:10px auto 0;display:block;line-height:0;font-size:0}
.mainbody_03 .list ul li a em{display:block;font-size:16px;color:#555;line-height:28px;padding:20px 0 0;}
.mainbody_03 .list ul li a em span{color:#2fbcc5;font-weight:bold;}
.mainbody_03 .list ul li a p{width: 100%; padding:20px 0 0; text-align: center;}
.mainbody_03 .list ul li a p span{width: 100px; height: 30px; line-height: 30px; margin: 0 5px; display: inline-block; background: #2fbcc5; color: #fff; border-radius: 50px;}
.mainbody_03 .list .span2{background: #ff9600;}

/* ---------------mainbody_04-------------------------------  */
.mainbody_04{width:100%;min-width:1200px;padding:100px 0;}
.mainbody_04 .tab1{width:1200px;margin:0 auto;position:relative;}
.case .bd{width:1200px;height:460px;}
.case .bd ul{width:1200px;height:460px;float:left;font-size:14px;}
.case .bd .a1{width:498px;height:458px;float:left;margin-right:50px;overflow:hidden;border:1px solid #ccc;}
.case .bd .a1 img{width:498px;}
.case .bd .a2{width:640px;height:50px;float:left;font-size:30px;}
.case .bd .a2 a{color:#2fbcc5;}
.case .bd .a3{width:640px;height:30px;line-height:30px;float:left;color:#666;overflow:hidden; padding-bottom: 10px; border-bottom:1px solid #ccc;}
.case .bd .a4{width:640px;height:290px;line-height:23px;float:left;overflow:hidden; padding: 10px 0;}
.case .bd .a4 p{padding-bottom:10px;}
.case .bd .a5{width:640px;height:40px;float:left;padding-top:10px;}
.case .bd .a5 a{width: 160px; height: 45px; line-height: 45px; text-align: center; float: left; margin-right:20px; display: block; background: #2fbcc5; color: #fff; border-radius: 50px;}
.case .bd .a5 .s2{background: #ff9600;}
.case .bd .a5 a:hover{display:block;background:#000;}
.case .hd{width:1200px;height:50px;text-align:center;padding:10px 0 50px 0;}
.case .hd ul{width:1000px;height:50px;border-bottom:1px solid #ccc; margin: 0 auto;}
.case .hd li{width:140px;height:50px;line-height:50px;font-size:16px;cursor:pointer;color:#333;border-bottom:1px solid #ccc;display: inline-block; margin:0 10px;}
.case .hd li.on{color:#2fbcc5;border-bottom:2px solid #2fbcc5;}

/* ---------------mainbody_05-------------------------------  */
.mainbody_05{width:100%;min-width:1200px;padding:100px 0;background: #f1f1f1; overflow: hidden; }
.mainbody_05 .slider{width:1200px;margin:0 auto;position:relative;}
.mainbody_05 .prev{width:51px;height:470px;background:url(../images/le01.png) no-repeat 0 center;position:absolute;left:0;top:0;margin-left:-71px;display:block;}
.mainbody_05 .next{width:51px;height:470px;background:url(../images/ri01.png) no-repeat 0 center;position:absolute;right:0;top:0;margin-right:-71px;display:block;}
.mainbody_05 .next:hover{opacity:0.7;display:block;cursor:pointer;}
.mainbody_05 .prev:hover{opacity:0.7;display:block;cursor:pointer;}
.mainbody_05 li{width:272px; height: 480px; padding: 10px; float: left; background: #fff; margin: 0 10px 10px 0;transition: all 0.6s ease 0s;}
.mainbody_05 li:hover{background:#99f1f7;box-shadow: 5px 5px 8px #ccc;}
.mainbody_05 li .a1{width:100%; height: 273px; position: relative;}
.mainbody_05 li .a1 .img1{width:100%;height: 273px;}
.mainbody_05 li .a1 .img2{width:100px; height: 100px; position: absolute; left: 10px; bottom: 10px; border: 4px solid #fff;}
.mainbody_05 li .a1 .span1{width:70px; height: 30px; line-height: 30px; display: block; text-align: center; position: absolute; right: 10px; top: 10px;background:url(../images/hei.png) repeat; color: #fff; border-radius: 5px;}
.mainbody_05 li .a1 .span2{width:60px; height: 24px; line-height: 24px; display: block; text-align: center; position: absolute; left: 50px; bottom:85px;background:url(../images/hei.png) repeat; color: #fff; border-radius: 5px;}
.mainbody_05 li .a2{width:100%; height:40px; line-height: 40px; font-size: 18px; padding: 5px 0 0 0;}
.mainbody_05 li .a3{width:100%; height:96px; line-height: 24px; font-size: 14px; color: #999; overflow: hidden;}
.mainbody_05 li .a4{width:100%; margin-top: 15px; text-align: center;}
.mainbody_05 li .a4 a{width: 130px; height: 35px; line-height:35px; float: left; display:block; background: #2fbcc5; color: #fff; border-radius: 50px;}
.mainbody_05 li .a4 .s2{background: #ff9600;float: right;}
.mainbody_05 li .a4 a:hover{display:block;background:#000;}

/* ---------------mainbody_06-------------------------------  */
.mainbody_06{width:100%;min-width:1200px;padding:100px 0 150px 0;}
.mainbody_06 .yf_c{width:1200px; height: auto; margin:0 auto; overflow: hidden;}
.yf_c li{float:left;font-size:0;line-height: 0;width:400px;position: relative;}
.yf_c li b img {width:400px;height:300px;}
.yf_c li p {width:100%;height: 100%;background:rgba(0,0,0,0.5);position: absolute;left:0;top:0;text-align: center;}
.yf_c li p i{padding-top:40px;font-size:0;line-height: 0;display: block;height: 85px;background: url(../images/yf_a.png) no-repeat center bottom;}
.yf_c li p span {display: block;height:46px;line-height: 46px;padding-top:18px;font-size:26px;color: #fff;font-weight: bold;}
.yf_c li p em {height: 56px; font-size:18px;color: #fff;line-height: 28px;padding:16px 40px 0;display: block; overflow: hidden;}
.yf_c li.cur p{background:rgba(47,188,197,0.85);}
.yf_c li.cur p i{animation-duration:3s;animation-name:flipInY;}

/* ---------------shipin-------------------------------  */
.shipin {width:100%; min-width: 1200px;overflow:hidden;}
.shipin h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-bottom: 50px;}
.shipin h2 a{display: block;;}
.shipin h2 b{background: url(../images/tit_bg.png) no-repeat;width: 47px;height: 48px;display: block;text-align: center;padding-top: 6px;margin: 0 auto;margin-bottom: 8px;}
.shipin h2 b img{width: auto;height: auto;margin: 0 auto;}
.shipin h2 span{color: #2fbcc5;font-weight: bold;}
.shipin h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.shipin h2 em i{color: #D0D0D0;font-weight: lighter;margin: 0 2px;}
.shipin .spbox{ overflow:hidden; width:100%; height:610px;position:relative}
.shipin ul{ overflow:hidden; width:1200px; margin:20px auto; height:110px; position:relative; z-index:1}
.shipin li{ float:left; overflow:hidden; width:299px; border-right:1px solid #fff; height:110px;}
.shipin .last{ border:none}
.shipin li h3{ text-align:center; font-weight:normal; font-size:24px; color:#2fbcc5; margin:25px 0 15px 0}
.shipin li p{ text-align:center; font-size:14px; color:#fff;}
.shipin img.bf{ display:block; margin:130px auto; cursor:pointer; position:relative; z-index:1}
.shipin .spbox span{ display:block; text-align:center; font-size:15px; color:#fff; line-height:28px;position:relative; z-index:1}
.shipin img.bg{ display:block; position:absolute; left:50%; top:0; margin-left:-960px; z-index:0; transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease;-webkit-transition:all 1s ease;-ms-transition:all 1s ease;}
.shipin .bf:hover + img{ transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);-webkit-transform:scale(1.5);}
.shipin .sp{ width:1100px; height:500px; border:5px solid #fff; position:absolute; z-index:5; left:50%; top:50px; margin-left:-555px; background-color:#000; display:none; border-radius:5px;}
.shipin .sp .close{ display:block; position:absolute; cursor:pointer; right:-35px; top:-5px}
.pro .tit{margin-top: 52px;}

/* ---------------mainbody_07-------------------------------  */
.mainbody_07{width:100%;min-width: 1200px;height:auto; padding:100px 0 150px 0; overflow: hidden;}
.mainbody_07 .list{width:1200px;height:auto;margin: 0 auto;}	
.mainbody_07 .tab4{width:880px; height: 465px;float: left; overflow: hidden;}
.mainbody_07 .tab4 .hd{height: 44px; line-height: 40px;text-align: center; padding:0 0 30px 370px;font-size: 16px;}
.mainbody_07 .tab4 .hd li{width:140px;height:40px; border: 2px solid #f1f1f1;border-radius:50px;background: #f1f1f1; float: left; margin-right: 20px;}
.mainbody_07 .tab4 .hd p{width:140px;height:40px; border: 2px solid #f1f1f1;border-radius:50px;background: #f1f1f1;float: left;}
.mainbody_07 .tab4 .hd li a{width: 100%; height: 100%; display:block; color: #333;}
.mainbody_07 .tab4 .hd li.on{border: 2px solid #2fbcc5;background: #2fbcc5;}
.mainbody_07 .tab4 .hd li.on a{color: #fff;}
.mainbody_07 .tab4 .bd ul{ width:100%; height: 370px; color: #666;}	
.mainbody_07 .tab4 .bd .a1{width:430px; height:370px; padding: 20px 0;padding-right: 20px;float: left; }	
.mainbody_07 .tab4 .bd .a1 img{width:430px;}
.mainbody_07 .tab4 .bd .a2{ width:420px; height:370px; padding: 10px 0; float: right;}	
.mainbody_07 .tab4 .bd .a2 p{ width:100%; height:79px;border-bottom: 1px solid #f1f1f1; padding:5px 0 10px 0;}	
.mainbody_07 .tab4 .bd .a2 p a{ width:100%; height:30px; line-height: 30px;font-size: 15px; display: block;background:url(../images/j5.png) no-repeat 0 center; text-indent: 20px;}	
.mainbody_07 .tab4 .bd .a2 p:hover a{ color: #2fbcc5;}	

.mainbody_07 .tab4 .bd .a2 p i{ width:400px; padding-left: 20px; height:48px; line-height: 24px;font-size: 12px; color: #999; display: block;font-style: normal;}	

.mainbody_07 .tab5{width:280px; height: 370px; float: right; overflow: hidden; padding-top:90px;}		
.mainbody_07 .tab5 .bd{width: 100%; height: 370px; overflow: hidden;}	
.mainbody_07 .tab5 .bd li{width: 100%; height:84px;border-bottom: 1px solid #f1f1f1; padding: 5px 0; font-size: 14px;}	
.mainbody_07 .tab5 .bd .a1{width: 250px; height:30px; line-height: 30px;padding-left: 30px;background:url(../images/wen.png) no-repeat 0 center;}	
.mainbody_07 .tab5 .bd .a1 a{color: #2fbcc5;}	
.mainbody_07 .tab5 .bd .a2{width: 250px; height:54px; line-height: 27px;padding-left: 30px;background:url(../images/da.png) no-repeat 0 5px;}	

/* ---------------mainbody_08-------------------------------  */
.mainbody_08{width:100%;min-width:1200px;padding:100px 0 0 0; background:#f6f6f6;}
.mainbody_08 .list{width:860px; height: 450px; padding-left: 340px; margin:0 auto; overflow: hidden; background:url(../images/liuyan.png) no-repeat left bottom;}
.mainbody_08 .list .lyleft{width:400px; height: 450px;  float: left;}
.mainbody_08 .list h3{width:100%; height: 50px; line-height: 25px; font-size:18px; font-weight: normal; padding: 10px 0;}
.mainbody_08 .list p{width:100%; padding-bottom: 10px;}
.mainbody_08 .list input{width:100%; height: 40px; line-height: 40px; font-size: 14px; background: #fff; border: 1px solid #ccc; text-indent: 15px;}
.mainbody_08 .list input:focus{border-color: #2fbcc5;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.mainbody_08 .list .submit{ height:45px; line-height:45px; background: #2fbcc5; color: #fff; font-size: 16px; text-indent: 0;transition: all 0.6s ease 0s;}
.mainbody_08 .list .submit:hover{background: #ff9600; color: #fff;;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.mainbody_08 .lyright{width:400px;overflow:hidden; float:right;}
.mainbody_08 .lyright .bd{width:388px; height:273px; overflow: hidden; border:1px solid #ccc; padding:15px 0 15px 10px; background: #fff;}	
.mainbody_08 .lyright .bd li{width: 100%; height: 30px; line-height: 30px;font-size: 14px;background:url(../images/b2.png) no-repeat 5px center; text-indent: 30px;}	